<template>
  <div class="container_box">
    <el-container style="height: 100vh">
      <!--侧边栏导航-->
      <Nav-aside></Nav-aside>
      <el-container>
        <el-header class="home_header">
          <div class="bread">
            <!--面包屑导航-->
            <Breadcrumb />
          </div>
          <div class="search_add">
            <div @click="isSearchShow=!isSearchShow"><i class="iconfont icon-search search_icon"></i></div>
            <div><i class="iconfont icon-jiahao add_icon"></i></div>
          </div>
        </el-header>
        <el-main>
          <!--二级路由-->
          <router-view />
        </el-main>
      </el-container>
    </el-container>
    <!--搜索模块使用card组件-->
    <div v-if="isSearchShow">
      <el-card class="box-card">
        <div class="search_input">
          <el-input placeholder="请输入您要搜索的内容" v-model="search_input">
            <template slot="append">
              <i class="iconfont icon-search"></i>
            </template>
          </el-input>
        </div>
        <div class="search_content"></div>
      </el-card>
    </div>
  </div>
</template>

<script>
import Breadcrumb from "../components/nav/Breadcrumb.vue";
import NavAside from "../components/nav/Nav.vue";
export default {
  components: {
    Breadcrumb,
    NavAside,
  },
  data() {
    return {
      isSearchShow: false, //默认不展示search卡片
      search_input: "", // 搜索的input
    };
  },
  methods: {},
};
</script>

<style scoped>
@import url(../assets/css/home/style.css);
</style>